<html>
<head>

<style>
.test
{
	padding: 10px;
	border: 10px dotted yellow;
	background: url("img/background.png");
	background-color: blue;
	background-repeat: no-repeat;
	margin: 10px;
	width: 100px; 
	height: 100px;
}
#test1
{
	-webkit-background-clip: padding;
	-webkit-background-origin: border;
	-moz-background-clip: padding;
	-moz-background-origin: border;
	background-clip: padding;
	background-origin: border;
}
#test2
{
	-webkit-background-clip: padding;
	-webkit-background-origin: padding;
	-moz-background-clip: padding;
	-moz-background-origin: padding;
	background-clip: padding;
	background-origin: padding;
}
#test3
{
	-webkit-background-clip: padding;
	-webkit-background-origin: content;
	-moz-background-clip: padding;
	-moz-background-origin: content;
	background-clip: padding;
	background-origin: content;
}
#test4
{
	-webkit-background-clip: border;
	-webkit-background-origin: border;
	-moz-background-clip: border;
	-moz-background-origin: border;
	background-clip: border;
	background-origin: border;
}
#test5
{
	-webkit-background-clip: border;
	-webkit-background-origin: padding;
	-moz-background-clip: border;
	-moz-background-origin: padding;
	background-clip: border;
	background-origin: padding;
}
#test6
{
	-webkit-background-clip: border;
	-webkit-background-origin: content;
	-moz-background-clip: border;
	-moz-background-origin: content;
	background-clip: border;
	background-origin: content;
}

.blok
{
	float:left;
	border: 1px solid grey;
}

#blok1
{
	margin-right: 50px;
}



</style>

</head>
<body>
<div id="blok1" class="blok">
<H1>background-clip:<br /> padding</h1>
<div id="test1" class="test"><b> border box</b></div>
<div id="test2" class="test"><b> padding box</b></div>
<div id="test3" class="test"><b> content box</b></div>
</div>
<div id="blok2" class="blok">
<h1>background-clip:<br /> border</h1>
<div id="test4" class="test"><b> border box</b></div>
<div id="test5" class="test"><b> padding box</b></div>
<div id="test6" class="test"><b> content box</b></div>
</div>
</body>
</html>